<template id="my">
  <div>
    <mt-header fixed >
      <router-link to="/" slot="left">
        <mt-button icon="back">返回</mt-button>
      </router-link>
    </mt-header>
    <h1>注册</h1>
    <input type="text" placeholder="请输入账户名" />
    <br />
    <br />
    <input type="password" placeholder="请输入密码" />
    <br />
    <br />
    <router-link to="/my" slot="left">已有账号？返回登陆</router-link><br>
    <mt-button type="primary" size="normal">注册</mt-button>
  </div>
</template>

<script>
export default {
  methods: {
    back() {
      this.$router.go(-1);
    }
  }
};
</script>

<style scoped>
*{
  text-align: center;
}
input {
  width: 60%;
  height: 30px;
  border: 1px solid orange;
  caret-color: orange;
  text-align: center;
}
input::-webkit-input-placeholder {
  color: orange;
}
</style>